<table class="table">
    <thead>
        <tr>
            <th scope="col">发送手机</th>
            <th scope="col">发送类型</th>
            <th scope="col">发送内容</th>
            <th scope="col">发送时间</th>
        </tr>
    </thead>
    <tbody>
        @foreach($data as $service)
        <tr class="table-content">
            <td style="color: #a8a9bb;">{{$service['user_id']}}</td>
            <td style="color: #a8a9bb;">{{$service['message_type']}}</td>
            <td style="color: #a8a9bb;">{{$service['message_id']}}</td>
            <td style="color: #a8a9bb;">{{$service['created_at']}}</td>
        </tr>
        @endforeach
    </tbody>
</table>
<style>
    .status {
        font-weight: 600;
    }

    .status>span {
        padding: 2px 4px;
        border-radius: 4px;
    }

    .status-bg-red {
        background: rgba(244, 134, 132, 0.1);
        color: rgba(244, 134, 132, 1);
    }

    .status-bg-orange {
        background: rgba(255, 153, 76, 0.1);
        color: rgba(255, 153, 76, 1);
    }

    .status-bg-green {
        background: rgba(76, 181, 171, 0.1);
        color: rgba(76, 181, 171, 1);
    }

    .status-bg-blue {
        background: rgba(99, 181, 247, 0.1);
        color: rgba(99, 181, 247, 1);
    }

    .status-recovery {
        color: rgba(76, 181, 171, 1);
    }

    .table-content>td {
        display: table-cell;
        vertical-align: middle
    }
</style>